Getting started
Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form here
Installation
To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress
Installation
Extract the zipped package downloaded from ThemeForest to your desktop, in the extracted package you will find skylab.zip file which is the WordPress theme.
You can install the theme in two ways:
-
FTP: Extract skylab.zip file and upload the extracted folder to /wp-content/themes/ folder on your server.
-
WordPress: Navigate to Appearance > Add New Themes > Upload page. Select skylab.zip file. Press the Install Now button to upload and install the theme.
After uploading the theme, you have to activate it. Navigate to Appearence -> Themes page to activate the theme.
Install Plugins
Now that you have activated Skylab, you will see a yellow notice at the top of the screen. This notice is to let you know about the plugins that we recommend you install for use with the theme. Click “Begin installing plugins” and install/activate the plugins one by one. You can also access this page by going to Appearance > Install Plugins.
Importing The Demo Data
We have include the exported XML file from our demo, this allows you to quickly set up your theme the same way our demo is set up. Instructions on how to do this are below.
-
The XML file is included within the download package which will be used to import the content.
-
Navigate to WP Admin -> Tools -> Import.
-
Select and install WordPress importer.
-
Select the XML file and upload it. It will in few minutes install and upload all content with images.
-
Now navigate to WP Admin -> Appearance -> Menus page and select the newly created menu and assign it to Primary Navigation” location.
-
Next, navigate to WP Admin -> Settings -> Reading Settings and set a front page.
Setting up the Homepage
To set up the homepage you must create a new page, you can do so by navigating to Pages > Add New. You can give this page a title. Choose between page templates from the Page Attributes section and click “Publish”.
Once you have created your new page, navigate to Settings > Reading and configure the "Front Page Displays" setting. Select the static page option and choose the page you just created as your front page.
Here is an examples of home pages below. You can copy it to your Text Editor and then switch to Visual Composer Editor. Please read Visual Composer documentation which you can find the package first.
Home 1 (Demo 1, 2, 3, 4, 7, 8)
[vc_row el_class="full-width no-margin-top no-margin-bottom" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no"][vc_column width="1/1"][portfolio filter="1" number="12" columns="3" meta_data="Excerpt" margin="0" full_width="1" meta_data_align="Left" categories_bottom="1" meta_data_animation="1" style="1" orderby="rand" order="DESC" translucency_background_color="1" grid_thumb_size="1811x2314"][/vc_column][/vc_row]Add these lines of CSS code by clicking “Page settings” button before blue “Frontend” button:
#content #filters.full-width {
background: #111;
padding-bottom: 9px;
padding-top: 9px;
padding-left: 2.5%;
padding-right: 2.5%;
}
#content #filters.filter-left div {
max-width: none;
}
#content #filters a.selected {
color: #fff;
}
#content #filters a:hover {
color: #fff;
}
.mt-loader.spinner3 {
margin-top: 30px;
}
@media (max-width: 1324px) {
#content #filters.full-width {
padding-left: 30px;
padding-right: 30px;
}
#content #filters.filter-left div {
max-width: none;
}
}
@media only screen and (max-width: 1024px) {
#content #filters.full-width {
padding-top: 9px;
padding-left: 2.5%;
padding-right: 2.5%;
}
}
Home 2 (Demo 5, 6)
[vc_row el_class="no-margin full-width" bg_parallax_scrolling="no"][vc_column width="1/1"][rev_slider_vc alias="rev01"][/vc_column][/vc_row]Add these lines of CSS code by clicking “Page settings” button before blue “Frontend” button:
html {
overflow: hidden;
}
#site-generator #to-top {
display: none;
}
#site-generator {
padding: 14px 0 14px;
}
.no-height-reduction #main {
padding-top: 0;
}
#main {
padding: 0 30px;
}
.tp-caption.skylab_very_big_white {
font-size:84px;
}
.tp-caption.skylab_small_text_white {
font-size:28px;
}
.tp-button.big {
font-size: 25px;
}
Home 3 (Demo 9)
[vc_row el_class="full-width no-margin-top light-margin-bottom" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no" css=".vc_custom_1422137870761{margin-bottom: 17px !important;}"][vc_column width="1/1"][gallery_alternative images="17079,17080,17081,17083,17084,17086,17088,17089,17090,17091,17092,17093,17094,17096,17097,17099,17100,17101,17102,17103,17104,17106,17107,17108,17109,17110,17111,17112,17113,17114,17115,17116,17118,17120,17122,17123,17124,17125,17126,17127,17128,17129,17130,17131,17132,17134,17137,17138,17139,17140,17141,17142,17143,17144,17145" img_size="large" caption="none" columns="8" randomize="1"][/vc_column][/vc_row]
Home 4 (Demo 10)
[vc_row el_class="no-margin full-width" bg_parallax_scrolling="no"][vc_column width="1/1"][rev_slider_vc alias="rev03"][/vc_column][/vc_row]Add these lines of CSS code by clicking “Page settings” button before blue “Frontend” button:
#colophon {
display: none;
}
Home 5 (Demo 11)
[vc_row el_class="full-width no-margin" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no"][vc_column width="1/1"][vc_gallery type="r_slider" interval="3" images="17140,17116,17102,17090,17081" onclick="link_no" custom_links_target="_self" img_size="full" el_class="no-margin" randomize="1"][/vc_column][/vc_row]Add these lines of CSS code by clicking “Page settings” button before blue “Frontend” button:
.page-template-default #page {
width: 100%;
}
#main {
padding: 0;
}
.gallery-slider {
position: absolute;
top: 74px;
bottom: 0;
left: 0;
right: 0;
height: auto;
}
#main,
#primary,
#content,
.hentry,
.portfolio-content,
.entry-content,
#content .wpb_row,
.entry-content > .wpb_row > .wrapper,
.entry-content > .wpb_row > .wrapper > .inner-wrapper,
.vc_col-sm-12,
.wpb_wrapper,
.wpb_gallery,
.r_slider {
position: relative;
height: 100%;
}
#page,
.wpb_gallery_slidesr_slider {
position: absolute;
height: 100%;
}
#colophon {
display: none;
}
@media (max-width: 1176px) {
#header-wrapper {
position: absolute !important;
}
}
@media (max-width: 1024px) {
#header-wrapper {
position: absolute !important;
}
}
Home 6 (Demo 12)
[vc_row el_class="no-margin full-width slider" bg_parallax_scrolling="no"][vc_column width="1/1"][rev_slider_vc alias="rev01"][/vc_column][/vc_row][vc_row el_class="full-width light-margin-top no-margin-bottom portfolio-padding" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no" css=".vc_custom_1414721279556{margin-bottom: 24px !important;padding-top: 20px !important;}"][vc_column width="1/1"][portfolio filter="" number="16" columns="4" meta_data="Categories" margin="20" meta_data_align="Center" style="4" orderby="rand" order="DESC" meta_data_animation="1" grid_thumb_size="1811x2314" translucency_background_color="1" full_width="1" filter_align="" pagination="" animation="" portfolio_50_width_enable=""][/vc_column][/vc_row]
Add these lines of CSS code by clicking “Page settings” button before blue “Frontend” button:
.no-height-reduction #main {
padding-top: 0;
}
#main {
padding: 0;
}
.tp-caption.skylab_very_big_white {
font-size:84px;
}
.tp-caption.skylab_small_text_white {
font-size:28px;
}
.tp-button.big {
font-size: 25px;
}
.full-width.slider .vc_col-sm-12 {
padding: 0 2.5%;
}
Menu & Theme Options
Menu
To create a custom menu, go to Appearance → Menus in your dashboard.
You can read more about menus here http://en.support.wordpress.com/menus/
Theme Options
The theme comes with a simple to use administration panel where you can configure a number of options to tailor the theme to fit your needs. You can access it by navigating to Appearance > Theme Options. Every option in that panel comes with an instruction next to it, so you can find out easily its usage.
Setting Up Sharing Icons
Sharing Icons
If you did not you will need to install Jetpack plugin first. You can find it by following this link https://wordpress.org/plugins/jetpack/
After installing the plugin click Jetpack on your dashboard sidebar navigation and then Settings button. Deactivate all the modules and then find and activate Sharing module.
Navigate to Settings > Sharing, enabled services you need and check where you need to show buttons on.
To paste sharing icons on your page use Jetpack Sharing Visual Composer element.
Setting up the Blog
Setting up the Blog
To set up the blog, create a new page, give it a title and click “Publish”. Next go to Settings > Reading and configure the “Front Page Displays” setting. Select “a static page” option and choose the page you just created as your Posts page. Otherwise, if you want to display your blog page as the front page, select “Your latest posts” option. Your blog page is now ready to display your posts.
Blog without Sidebar
To set up the “Blog without Sidebar” Navigate to Appearance > Theme Options > Blog Settings and enable “Remove Sidebar and Center Posts” checkbox.
Masonry Full Width Blog
To set up the “Masonry Full Width Blog” page you must create a new page, you can do so by navigating to Pages > Add New.
Switch to Visual Composer Editor. Please read Visual Composer documentation which you can find the package first.
Add “Posts Alternative” Visual Composer element. The “Posts Alternative” element comes with a simple to use options where you can configure a number of options to tailor the theme to fit your needs. You can access it by hovering the element and clicking the “Pencil” icon. Every option in that panel comes with an instruction next to it, so you can find out easily its usage.
You can give this page a title. Choose “Page with Header” page template from the Page Attributes section and click “Publish”.
Here is an example of “Masonry Full Width Blog” page below. You can copy it to your Text Editor and then switch to Visual Composer Editor.
[vc_row el_class=" light-margin-top no-margin-bottom" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no" css=".vc_custom_1413745962455{margin-top: 20px !important;margin-bottom: 20px !important;}"][vc_column width="1/1"][posts columns="3" number="9" orderby="date" order="DESC" css_class="no-margin" grid_thumb_size="large"][/vc_column][/vc_row]
Setting up the Portfolio
Adding Portfolio Items
If you did not you will need to install Portfolio Post Type plugin first. Navigate to Appearance > Install Plugins and install and activate the plugin.
To add a new portfolio item, navigate to Portfolios > Add New. Here you can add the title of the project, a description in the main text editor, upload media, type an excerpt and assign various categories.
Here is an examples of single portfolio pages below. You can copy it to your Text Editor and then switch to Visual Composer Editor. Please read Visual Composer documentation which you can find the package first.
Portfolio Post 1
[vc_row bg_parallax_scrolling="no" css=".vc_custom_1421460263004{padding-top: 10px !important;padding-bottom: 20px !important;}" el_class="light-margin"][vc_column width="1/1"][vc_column_text el_class="no-margin"]
<h1 style="text-align: center; letter-spacing: 4px; font-weight: 100;">Flower Wreath</h1>
<p style="font-size: 18px; font-weight: 300; text-align: center; margin: 0 auto 14px;">A woman with a flower wreath on her head.</p>
[/vc_column_text][vc_column_text el_class="portfolio-details aligncenter no-margin"]
<ul>
<li>
<h3>Client:</h3>
Mission</li>
<li>
<h3>Date:</h3>
09/2013</li>
<li>
<h3>Category:</h3>
Branding</li>
</ul>
[/vc_column_text][/vc_column][/vc_row][vc_row parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" el_class="no-margin-top no-margin-bottom" bg_parallax_scrolling="no"][vc_column width="1/1"][vc_gallery type="single_column" interval="0" images="16778,17132" onclick="link_magnificpopup" custom_links_target="_self" img_size="full" el_class="no-margin" randomize=""][/vc_column][/vc_row][vc_row parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" el_class="light-margin-top no-margin-bottom aligncenter" bg_parallax_scrolling="no" css=".vc_custom_1416974557557{margin-bottom: 19px !important;}"][vc_column width="1/1"][vc_jetpack_sharing][/vc_column][/vc_row][vc_row el_class="light-margin-top full-width portfolio-padding" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no"][vc_column width="1/1"][portfolio number="12" columns="4" meta_data="Excerpt" margin="20" meta_data_align="Center" style="4" orderby="rand" order="DESC" meta_data_animation="1" meta_data_position="1" grid_thumb_size="1811x2314" translucency_background_color="1" full_width="1"][/vc_column][/vc_row]
Portfolio Post 2
[vc_row bg_parallax_scrolling="no" css=".vc_custom_1421635079635{padding-top: 10px !important;padding-bottom: 20px !important;}" el_class="light-margin-top no-margin-bottom aligncenter"][vc_column width="1/1"][vc_column_text el_class="no-margin"]
<h1 style="text-align: center; letter-spacing: 4px; font-weight: 100;">Blueberry Dessert</h1>
<p style="font-size: 18px; font-weight: 300; text-align: center; margin: 0 auto 14px;">View from above. Natural light.</p>
[/vc_column_text][vc_column_text el_class="portfolio-details aligncenter"]
<ul>
<li>
<h3>Client:</h3>
Mission</li>
<li>
<h3>Date:</h3>
09/2013</li>
<li>
<h3>Category:</h3>
Branding</li>
</ul>
[/vc_column_text][vc_jetpack_sharing][/vc_column][/vc_row][vc_row el_class="full-width no-margin-top" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no"][vc_column width="1/1"][gallery_alternative images="17185,17184,17183,17182,17181,17180,17179,17178,17177,17176,17175,17174,17173,17172,17171,17170,17169,17168,17167,17166,17165,17164,17163,17162,17161,17160,17159,17158,17157,17156,17155,17154,17153,17152,17151,17150,17149,17148,17147,17146,17145,17144,17143,17142,17141,17140,17139,17138,17137,17136" img_size="large" caption="title" columns="6" randomize="1"][/vc_column][/vc_row]
Add these lines of CSS code by clicking “Page settings” button before blue “Frontend” button:
.single-portfolio #page div.sharedaddy h3.sd-title {
display: none;
}
Portfolio Post 3
[vc_row bg_parallax_scrolling="yes" css=".vc_custom_1421989408725{padding-top: 80px !important;padding-bottom: 80px !important;background-image: url(http://demo.megathe.me/skylab/demo-1/wp-content/uploads/sites/5/2013/05/000016865104.jpg?id=16778) !important;}" bg_overlay_color="#111111" bg_overlay_opacity=".4" font_color="#dddddd"][vc_column width="1/1"][vc_column_text el_class="no-margin"]
<h1 style="text-align: center; letter-spacing: 4px; font-weight: 100;"><span style="color: #ffffff;">Pretty Woman</span></h1>
<p style="font-size: 18px; font-weight: 300; text-align: center; margin: 0 auto 14px;">A beautiful woman standing in a field</p>
[/vc_column_text][vc_column_text el_class="portfolio-details aligncenter no-margin"]
<ul>
<li>
<h3><span style="color: #ffffff;">Client:</span></h3>
Mission</li>
<li>
<h3><span style="color: #ffffff;">Date:</span></h3>
09/2013</li>
<li>
<h3><span style="color: #ffffff;">Category:</span></h3>
Branding</li>
</ul>
[/vc_column_text][/vc_column][/vc_row][vc_row el_class="full-width light-margin-top" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no" css=".vc_custom_1412018620950{padding-top: 21px !important;}"][vc_column width="1/1"][gallery_alternative images="17185,17184,17183,17182,17181,17180,17179,17178,17177,17176,17175,17174,17173,17172,17171,17170,17169,17168,17167,17166,17165,17164,17163,17162,17161,17160,17159,17158,17157,17156,17155,17154,17153,17152,17151,17150,17149,17148,17147,17146,17145,17144,17143,17142,17141,17140,17139,17138,17137,17136" img_size="large" caption="title" columns="8" randomize="1"][/vc_column][/vc_row]
Portfolio Post 4
[vc_row el_class="full-width no-margin" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no"][vc_column width="1/1"][vc_gallery type="r_slider" interval="3" images="17172,17159,17170,17167,17145" onclick="link_no" custom_links_target="_self" img_size="full" el_class="no-margin" randomize="1"][/vc_column][/vc_row]Add these lines of CSS code by clicking “Page settings” button before blue “Frontend” button:
#main {
padding: 0;
}
.gallery-slider {
position: absolute;
top: 74px;
bottom: 0;
left: 0;
right: 0;
height: auto;
}
#main,
#primary,
#content,
.hentry,
.portfolio-content,
.entry-content,
#content .wpb_row,
.entry-content > .wpb_row > .wrapper,
.entry-content > .wpb_row > .wrapper > .inner-wrapper,
.vc_col-sm-12,
.wpb_wrapper,
.wpb_gallery,
.r_slider {
position: relative;
height: 100%;
}
#page,
.wpb_gallery_slidesr_slider {
position: absolute;
height: 100%;
}
#colophon {
display: none;
}
@media (max-width: 1176px) {
#header-wrapper {
position: absolute !important;
}
}
@media (max-width: 1024px) {
#header-wrapper {
position: absolute !important;
}
}
Setting Preview Image
You have to set a “featured image” to each portfolio item that will be displayed on the portfolio page. Set a featured image that will be used as the portfolio thumbnail.
Creating Portfolio Page
To set up the portfolio page you must create a new page, you can do so by navigating to Pages > Add New.
Switch to Visual Composer Editor. Please read Visual Composer documentation which you can find the package first.
Add “Portfolio Alternative” Visual Composer element. The “Portfolio Alternative” element comes with a simple to use options where you can configure a number of options to tailor the theme to fit your needs. You can access it by hovering the element and clicking the “Pencil” icon. Every option in that panel comes with an instruction next to it, so you can find out easily its usage.
You can give this page a title. Choose “Page with Header” page template from the Page Attributes section and click “Publish”.
Here is an examples of portfolio pages below. You can copy it to your Text Editor and then switch to Visual Composer Editor.
Default
[vc_row el_class="light-margin-top light-margin-bottom" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" css=".vc_custom_1414720962447{margin-bottom: 18px !important;padding-top: 20px !important;}" bg_parallax_scrolling="no"][vc_column width="1/1"][portfolio filter="1" number="16" columns="4" meta_data="Categories" margin="20" meta_data_align="Center" style="1" orderby="rand" order="DESC" meta_data_animation="1" grid_thumb_size="640x460" translucency_background_color="1"][/vc_column][/vc_row]
Title Visible
[vc_row el_class="light-margin-top no-margin-bottom" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" css=".vc_custom_1414720924846{margin-bottom: 24px !important;padding-top: 20px !important;}" bg_parallax_scrolling="no"][vc_column width="1/1"][portfolio filter="1" number="16" columns="4" meta_data="Excerpt" margin="20" meta_data_align="Center" style="4" orderby="rand" order="DESC" meta_data_animation="1" meta_data_position="1" grid_thumb_size="640x460" translucency_background_color="1"][/vc_column][/vc_row]
Full Width
[vc_row el_class="full-width no-margin-top no-margin-bottom" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no"][vc_column width="1/1"][portfolio filter="1" number="16" columns="4" meta_data="Excerpt" margin="0" full_width="1" meta_data_align="Left" categories_bottom="1" meta_data_animation="1" style="1" orderby="rand" order="DESC" translucency_background_color="1" grid_thumb_size="large"][/vc_column][/vc_row]
Full Width with Margins
[vc_row el_class="full-width light-margin-top light-margin-bottom portfolio-padding" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no" css=".vc_custom_1414721207142{margin-bottom: 16px !important;padding-top: 20px !important;}"][vc_column width="1/1"][portfolio filter="1" number="16" columns="4" meta_data="Categories" margin="20" meta_data_align="Center" style="1" orderby="rand" order="DESC" meta_data_animation="1" grid_thumb_size="640x460" translucency_background_color="1" full_width="1"][/vc_column][/vc_row]
Full Width with Margins Title Visible
[vc_row el_class="full-width light-margin-top no-margin-bottom portfolio-padding" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no" css=".vc_custom_1414721279556{margin-bottom: 24px !important;padding-top: 20px !important;}"][vc_column width="1/1"][portfolio filter="1" number="16" columns="4" meta_data="Categories" margin="20" meta_data_align="Center" style="4" orderby="rand" order="DESC" meta_data_animation="1" grid_thumb_size="640x460" translucency_background_color="1" full_width="1"][/vc_column][/vc_row]
Gallery Grid
[vc_row el_class="full-width light-margin-top light-margin-bottom" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no" css=".vc_custom_1414273013585{margin-bottom: 17px !important;}"][vc_column width="1/1"][gallery_alternative images="16442,16475,16474,16473,16472,16471,16470,16469,16468,16467,16466,16465,16464,16463,16462,16461,16460,16459,16458,16457,16455,16454,16452,16451,16450,16449,16448,16447,16446,16445,16444,16443" img_size="large" caption="title" columns="5" randomize="1"][/vc_column][/vc_row]
Setting up the About and Contact pages
To set up the page you must create a new page, you can do so by navigating to Pages > Add New.
You can give this page a title. Choose between page templates from the Page Attributes section and click “Publish”.
Here is an examples of “About“ and Contact pages below. You can copy it to your Text Editor and then switch to Visual Composer Editor. Please read Visual Composer documentation which you can find the package first.
About
[vc_row parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no"][vc_column width="1/2"][vc_single_image image="17090" border_color="grey" img_link_target="_self" img_size="full" img_link_large=""][/vc_column][vc_column width="1/2"][vc_column_text] <p style="font-size: 18px;">Lorem ipsum dolor sit amet, pri cu dissentiet adversarium, per iudico everti eligendi an. Ad vidit sententiae mei. Vis ponderum reformidans ut, legere salutatus dissentiet duo eu. Ei sadipscing omittantur quo. Vix quod fabellas scriptorem ex, harum facilis sea ut.</p> <p style="font-size: 18px;">Sea mollis convenire ei. Ea mel accusam apeirian. Sit stet moderatius definitiones id, pro id erat copiosae persecuti, in pri eirmod incorrupte percipitur. Eam no vocent lobortis, sea cibo erat euripidis in, at porro invenire electram eos. Te dolore diceret scriptorem his, lobortis repudiare mea ne, diceret epicuri suscipiantur et mel.</p> <p style="font-size: 18px;">No tollit inermis quo. Et delectus menandri pri, te pro debet delectus, ea eos debet iudico feugait. Mel insolens oportere ne, his falli movet deseruisse ad. Pro an odio errem electram, mei ut doctus inermis. At pri nemore mediocrem, choro scaevola ocurreret mei at, pro ne quidam habemus expetenda. Sit ei libris adipisci theophrastus. An vide fuisset officiis mea.</p> <p style="font-size: 18px;">Etiam saepe ut. Ex mediocrem hendrerit, quot utroque sit id, tincidunt mnesarchum mei eu. Mei ne quando commodo, pri putant timeam delectus id. Qui illum ignota sapientem in, nam ei postea aliquip nominavi.</p> [/vc_column_text][/vc_column][/vc_row]
About 2
[vc_row parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no"][vc_column width="1/1"][vc_single_image image="17083" border_color="grey" img_link_target="_self" img_size="full" img_link_large=""][vc_column_text] <p style="font-size: 18px;">Lorem ipsum dolor sit amet, pri cu dissentiet adversarium, per iudico everti eligendi an. Ad vidit sententiae mei. Vis ponderum reformidans ut, legere salutatus dissentiet duo eu. Ei sadipscing omittantur quo. Vix quod fabellas scriptorem ex, harum facilis sea ut.</p> <p style="font-size: 18px;">Sea mollis convenire ei. Ea mel accusam apeirian. Sit stet moderatius definitiones id, pro id erat copiosae persecuti, in pri eirmod incorrupte percipitur. Eam no vocent lobortis, sea cibo erat euripidis in, at porro invenire electram eos. Te dolore diceret scriptorem his, lobortis repudiare mea ne, diceret epicuri suscipiantur et mel.</p> <p style="font-size: 18px;">No tollit inermis quo. Et delectus menandri pri, te pro debet delectus, ea eos debet iudico feugait. Mel insolens oportere ne, his falli movet deseruisse ad. Pro an odio errem electram, mei ut doctus inermis. At pri nemore mediocrem, choro scaevola ocurreret mei at, pro ne quidam habemus expetenda. Sit ei libris adipisci theophrastus. An vide fuisset officiis mea.</p> <p style="font-size: 18px;">Etiam saepe ut. Ex mediocrem hendrerit, quot utroque sit id, tincidunt mnesarchum mei eu. Mei ne quando commodo, pri putant timeam delectus id. Qui illum ignota sapientem in, nam ei postea aliquip nominavi.</p> [/vc_column_text][/vc_column][/vc_row]
About 3
[vc_row bg_parallax_scrolling="yes" css=".vc_custom_1421882434967{padding-top: 181px !important;padding-bottom: 182px !important;background-image: url(http://demo.megathe.me/skylab/demo-1/wp-content/uploads/sites/5/2014/12/IMG_3657-fade-2.jpg?id=17100) !important;}" el_class="no-margin-top no-margin-bottom"][vc_column width="1/1"][vc_column_text]
<h1 style="text-align: center; letter-spacing: 4px; font-weight: 100; text-transform: uppercase;"><span style="color: #ffffff;">About</span></h1>
[/vc_column_text][/vc_column][/vc_row][vc_row parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no"][vc_column width="1/1"][vc_column_text]
<p style="font-size: 18px;">Lorem ipsum dolor sit amet, pri cu dissentiet adversarium, per iudico everti eligendi an. Ad vidit sententiae mei. Vis ponderum reformidans ut, legere salutatus dissentiet duo eu. Ei sadipscing omittantur quo. Vix quod fabellas scriptorem ex, harum facilis sea ut.</p>
<p style="font-size: 18px;">Sea mollis convenire ei. Ea mel accusam apeirian. Sit stet moderatius definitiones id, pro id erat copiosae persecuti, in pri eirmod incorrupte percipitur. Eam no vocent lobortis, sea cibo erat euripidis in, at porro invenire electram eos. Te dolore diceret scriptorem his, lobortis repudiare mea ne, diceret epicuri suscipiantur et mel.</p>
<p style="font-size: 18px;">No tollit inermis quo. Et delectus menandri pri, te pro debet delectus, ea eos debet iudico feugait. Mel insolens oportere ne, his falli movet deseruisse ad. Pro an odio errem electram, mei ut doctus inermis. At pri nemore mediocrem, choro scaevola ocurreret mei at, pro ne quidam habemus expetenda. Sit ei libris adipisci theophrastus. An vide fuisset officiis mea.</p>
<p style="font-size: 18px;">Etiam saepe ut. Ex mediocrem hendrerit, quot utroque sit id, tincidunt mnesarchum mei eu. Mei ne quando commodo, pri putant timeam delectus id. Qui illum ignota sapientem in, nam ei postea aliquip nominavi.</p>
[/vc_column_text][/vc_column][/vc_row]
Contact
[vc_row][vc_column width="1/2"][contact-form-7 id="17067"][/vc_column][vc_column width="1/2"][vc_column_text] <h2>Business-y Details</h2> <p style="text-align: left; font-size: 18px;">Vix eu appareat dissentiunt, at populo ridens accusata pri. Vim ei dicat harum. Commodo consetetur id, per dicit quaeque singulis at, definiebas est id.</p> <h3>Postal Address</h3> <p style="text-align: left; font-size: 18px;">PO Box 16122 Collins Street West Victoria 8007 Australia <h3>Envato Headquarters</h3> <p style="text-align: left; font-size: 18px;">121 King Street, Melbourne Victoria 3000 Australia <h3>Envato Pty Ltd</h3> <p style="text-align: left; font-size: 18px;">ABN 11 119 159 741</p> <p style="text-align: left; font-size: 18px;"><strong>Phone:</strong> +61 3 8376 6284</p> [/vc_column_text][/vc_column][/vc_row][vc_row el_class="no-margin full-width" parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no"][vc_column width="1/1"][vc_gmaps_alternative adress="121 King Street, Melbourne, Australia" height="389" zoom="14" hue="#e9ebed" grayscale="1" custom_marker="15752" zoom_control="1" bubble="" pan_control="" map_type_control="" street_view_control="" style="light_monochrome"][/vc_column][/vc_row]
Contact 2
[vc_row parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no"][vc_column width="1/2"][contact-form-7 id="17067"][/vc_column][vc_column width="1/2"][vc_column_text] <h2>Business-y Details</h2> <p style="text-align: left; font-size: 18px;">Vix eu appareat dissentiunt, at populo ridens accusata pri. Vim ei dicat harum. Commodo consetetur id, per dicit quaeque singulis at, definiebas est id.</p> <h3>Postal Address</h3> <p style="text-align: left; font-size: 18px;">PO Box 16122 Collins Street West Victoria 8007 Australia</p> <h3>Envato Headquarters</h3> <p style="text-align: left; font-size: 18px;">121 King Street, Melbourne Victoria 3000 Australia</p> <h3>Envato Pty Ltd</h3> <p style="text-align: left; font-size: 18px;">ABN 11 119 159 741</p> <p style="text-align: left; font-size: 18px;"><strong>Phone:</strong> +61 3 8376 6284</p> [/vc_column_text][/vc_column][/vc_row]
Contact 3
[vc_row parallax_scrolling="parallax_scrolling_no" background_size_cover="background_size_cover_no" bg_parallax_scrolling="no"][vc_column width="1/2"][vc_gmaps_alternative adress="121 King Street, Melbourne, Australia" height="650" zoom="14" custom_marker="15752" hue="#96e0e9"][/vc_column][vc_column width="1/2"][vc_column_text] <h2>Business-y Details</h2> <p style="text-align: left;font-size: 18px">Vix eu appareat dissentiunt, at populo ridens accusata pri. Vim ei dicat harum. Commodo consetetur id, per dicit quaeque singulis at, definiebas est id.</p> <h3>Postal Address</h3> <p style="text-align: left;font-size: 18px">PO Box 16122 Collins Street West Victoria 8007 Australia</p> <h3>Envato Headquarters</h3> <p style="text-align: left;font-size: 18px">121 King Street, Melbourne Victoria 3000 Australia</p> <h3>Envato Pty Ltd</h3> <p style="text-align: left;font-size: 18px">ABN 11 119 159 741</p> <p style="text-align: left;font-size: 18px"><strong>Phone:</strong> +61 3 8376 6284</p> [/vc_column_text][/vc_column][/vc_row]
Widget Areas
The themes comes with 7 widget areas:
- Main Sidebar — available with default WordPress blog posts.
- Page Sidebar — available with “Page with Sidebar” page template.
- Shop Sidebar — available with “Shop” and “Single Product” pages. Note: WooCommerce WordPress plugin must be enabled to use this widget area. You can download WooCommerce WordPress plugin here http://www.woothemes.com/woocommerce/.
- Footer Area One — located in the footer of your site.
- Footer Area Two — located in the footer of your site.
- Footer Area Three — located in the footer of your site.
- Footer Area Four — located in the footer of your site.
You can read more about WordPress widgets here http://codex.wordpress.org/WordPress_Widgets.
You can add widgets by following these steps:
- Go to Appearance > Widgets.
- Choose a Widget and either drag it to the sidebar where you wish it to appear, or click the widget, (select a destination sidebar if your theme has more than one) and click the Add Widget button. There might be more than one sidebar option, so begin with the first one. Once in place, WordPress automatically updates the Theme.
- Preview the site. You should find that the "default" sidebar elements are now gone and only the new addition is visible.
- Return to the Widgets Panel to continue adding Widgets.
- To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
- To customize the Widget features, click the down arrow in the upper right corner to expand the Widget's interface.
- To save the Widget's customization, click Save.
- To remove the Widget, click Remove or Delete.
Setting up the Dark Version
You can add the dark version by following these steps:
- Navigate to Appearance > Theme Options > Header and choose the colors via color pickers for your header.
- Navigate to Appearance > Theme Options > Footer and choose the colors via color pickers for your footer.
- Navigate to Settings > Visual Composer > Custom CSS tab and paste the following CSS code there:
body, #page, input#s, input[type=text], input[type=password], input[type=email], textarea { background: #111; } input[type=text], input[type=password], input[type=email], textarea { border-color: #222; } label[for=s]:before, .entry-meta .sep, #comments .sep { color: #222; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, textarea:focus, #respond input[type="text"]:focus, #respond textarea:focus { color: #fff; border-color: #444; } blockquote { border-color: #444; } .entry-meta, .commentlist li.comment .fn, .entry-date { color: #444; } .fancybox-overlay, .fancybox-skin, #map { background: #111 !important; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #content #filters a.selected, #content #filters a:hover, .fancybox-close:before, .fancybox-nav span:before, .entry-title, .entry-title a, .widget-title, input#s:focus, .widget a:hover, .more-link:hover, .archive footer.entry-meta .tag-links a:hover, .search footer.entry-meta .tag-links a:hover, .blog footer.entry-meta .tag-links a:hover, .single-post footer.entry-meta .tag-links a:hover, a:hover, #comments-title, .rsMinW .rsArrowIcn { color: #fff; } .fancybox-title-outside-wrap { color: #999 !important; } .mt-loader.spinner3 .bounce1, .mt-loader.spinner3 .bounce2, .mt-loader.spinner3 .bounce3 { background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.15); } #fancybox-loading div { border-right: 2px solid rgba(255,255,255,0.8); border-top: 2px solid rgba(255,255,255,0.3); border-left: 2px solid rgba(255,255,255,0.3); border-bottom: 2px solid rgba(255,255,255,0.3); } .entry-header-wrapper { background: #111; background: rgba(17, 17, 17, 1); } #page .sd-social-icon .sd-content ul li a.sd-button, #page .sd-social-text .sd-content ul li a.sd-button, #page .sd-content ul li a.sd-button, #page .sd-content ul li .option a.share-ustom, #page .sd-content ul li.preview-item div.option.option-smart-off a, #page .sd-content ul li.advanced a.share-more, #page .sd-social-icon-text .sd-content ul li a.sd-button, #page .sd-social-official .sd-content > ul> li > a.sd-button, #page #sharing_email .sharing_send, #page .sd-social-official .sd-content > ul > li .digg_button > a { background-color: #444; } #site-generator .social-accounts .social { color: #fff; } .rsPreloader { border-top: 2px solid rgba(255,255,255,0.1); border-right: 2px solid rgba(255,255,255,0.8); border-top: 2px solid rgba(255,255,255,0.3); border-left: 2px solid rgba(255,255,255,0.3); border-bottom: 2px solid rgba(255,255,255,0.3); }